<template>
	<view>
		<view class="cardBox"  v-if="loading">
			
			<view class="flex" style="margin-top: 10rpx;">
				<view class="biao" style="width: 100%;">
					<span class="biao_span">|</span> 
					<text class="cardTitle" v-if="jindu=='declaration'">
						{{text.baoguan}} 
					</text>
					<text class="cardTitle" v-if="jindu=='clearance'">
						{{text.qingguan}} 
					</text>
					<text class="cardTitle" v-if="jindu=='transit'">
						{{text.zhuanguan}} 
					</text> 
					<view style="clear: both;"></view>
				</view>
			</view>
			
			
			<view class="fabu" >
				
				<block v-if="(child_order==null||(child_order&&child_order.length==0))">
					
					<block v-if="order.orderInfo.type=='goods'">
						
						<block v-if="is_offline==1&&((order.orderInfo.release_info.is_express_price==1&&order.role==1)
							||(order.orderInfo.release_info.is_express_price==2&&order.role==2))">
							
							<block v-if="order.orderInfo.release_info.is_express_price==1&&order.role==1">
								<view style="width: 100%; text-align: center;padding-top: 20px;padding-bottom: 20px;">
									{{$t('已选择线下进行，无法获取相关信息')}}
								</view>
							</block>
							<block v-if="order.orderInfo.release_info.is_express_price==2&&order.role==2">
								
								<view style="width: 100%;height: 60rpx;position: relative;">
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 0;position: absolute;" v-if="child_step.step==''||child_step.step<25">
									</image>
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 25%;position: absolute;" v-else-if="child_step.step==25">
									</image>
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 50%;position: absolute;" v-else-if="child_step.step==50">
									</image>
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 75%;position: absolute;" v-else-if="child_step.step==75">
									</image>
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 95%;position: absolute;" v-else-if="child_step.step==100">
									</image>
								</view>
								
								<view style="display: flex;width: 100%;">
									<view class="circle">
										<view :class="(child_stepList&&child_stepList.length==0)&&child_step.step<25?'circle_dian1':'circle_dian'">
										</view>
									</view>
									
									<view class="line_process" v-if="child_step.step>=25"></view>
									<view class="line_process1" v-else-if="child_step.step!=25"></view>
									<view class="circle" v-if="child_step.step>=25">
										<view class="circle_dian"  v-if="child_step.step>=25">·</view>
										<view class="circle_dian1"  v-if="child_step.step<25">·</view>
									</view>
									<view class="circle1" v-else-if="child_step.step<25">
										<view class="circle_dian"  v-if="child_step.step>=25">·</view>
										<view class="circle_dian1"  v-if="child_step.step<25">·</view>
									</view>
									
									<view class="line_process" v-if="child_step.step>=50"></view>
									<view class="line_process1" v-else-if="child_step.step!=50"></view>
									<view class="circle" v-if="child_step.step>=50">
										<view class="circle_dian"  v-if="child_step.step>=50">·</view>
										<view class="circle_dian1"  v-if="child_step.step<50">·</view>
									</view>
									<view class="circle1" v-else-if="child_step.step<50">
										<view class="circle_dian"  v-if="child_step.step>=50">·</view>
										<view class="circle_dian1"  v-if="child_step.step<50">·</view>
									</view>
									
									<view class="line_process" v-if="child_step.step>=75"></view>
									<view class="line_process1" v-else-if="child_step.step!=75"></view>
									<view class="circle" v-if="child_step.step>=75">
										<view class="circle_dian"  v-if="child_step.step>=75">·</view>
										<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
									</view>
									<view class="circle1" v-else-if="child_step.step<75">
										<view class="circle_dian"  v-if="child_step.step>=75">·</view>
										<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
									</view>
									
									<view class="line_process" v-if="child_step.step==100"></view>
									<view class="line_process1" v-else-if="child_step.step!=100"></view>
									<view class="circle" v-if="child_step.step==100">
										<view class="circle_dian"  v-if="child_step.step>=100">·</view>
										<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
									</view>
									<view class="circle1" v-else-if="child_step.step!=100">
										<view class="circle_dian"  v-if="child_step.step==100">·</view>
										<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
									</view>
								</view>	
								
								<view v-if="child_step.step!=100" >
									
									<view style="width: 100%;display: flex;">
										<view style="margin-top: 10%;width: 50%;text-align:left ;border-bottom: 1px #ccc solid;">{{$t("上传进度")}}</view>
										<view style="margin-top: 10%;width: 50%;text-align:right ;">
											<view v-if="child_stepList==null||(child_stepList&&child_stepList.length==0)"  style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #ccc;">
												<picker disabled="true" @change="bindPickerChange2" :value="index" :range="array1">
													<view class="uni-input">{{array1[index]}}%</view>
												</picker>
											</view>
											<view v-if="child_stepList&&(child_stepList&&child_stepList.length!=0)"  style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #ccc;">
												<picker disabled="true" @change="bindPickerChange" :value="index" :range="array">
													<view class="uni-input">{{array[index]}}%</view>
												</picker>
											</view>
										</view>
									</view>
									
									
									<view v-if="(child_stepList&&child_stepList.length==0)&&child_step.step==0">
										<view style="margin-top: 5%;text-align: left;">{{$t("接货证明")}}</view>
									</view>
									<view v-else-if="child_step.step>=75">
										<view style="margin-top: 5%;text-align: left;">{{$t("放行证明")}}</view>
									</view>
									<view v-else>
										<view style="margin-top: 5%;text-align: left;">{{$t("进度说明")}}</view>
										<view  style="margin-top: 20rpx;padding-bottom: 20rpx;">
											<u-form-item >
												<u-input v-model="title"  :custom-style="{height:'50rpx'}" height="50"  type="text"  :placeholder="$t('请输入进度说明')"/>
											</u-form-item>
										</view>
										<view style="margin-top: 5%;text-align: left;">{{$t("上传证明")}}</view>
									</view>
									
									<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
										:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
									
									<block v-if="order.orderInfo.status!=3&&order.orderInfo.status!=5&&order.orderInfo.close_status!=1&&order.orderInfo.terminate_status!=1">
										<view class="stock_complete" @click="completed(1)">
											<text class="stock_btn">
												{{$t("上传进度")}}
											</text>
										</view>
									</block>
								</view>
								
								<view v-for="(item,index) in child_stepList" :key="index">
									<view style="display: flex;width: 100%;margin-top: 30rpx;">
										<view style="width: 60%;display: flex;">
											<view class="circle_dian2" style="color: #999;line-height: 20px;" >·</view>
											<view class="cardTitle2" v-if="item.step=='0%'">{{text.Stock}}</view>
											<view class="cardTitle2" v-if="item.step!='0%'" @click="changeStock(item,index)">
												<text v-if="jindu=='declaration'">
													{{text.Stock1}} {{item.step}}% 
												</text>
												<text v-if="jindu=='clearance'">
													{{text.Stock2}} {{item.step}}% 
												</text>
												<text v-if="jindu=='transit'">
													{{text.Stock3}} {{item.step}}% 
												</text>
												<text class="jiantou2" v-if="item.status==1" >></text>
												<text class="jiantou2" v-if="item.status==2" >∨</text>
											</view>
										</view>
										<view style="width: 40%;font-size: 12px;line-height: 24px;">
											{{item.createtime}} 
										</view>
									</view>
									<view class="stock_text" v-if="item.status==2&&item.text!=''&&lang=='zh'">
										<view>
											<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
										</view>
										<view>{{item.title}}</view>
									</view>
									<view class="stock_text" v-else-if="item.status==2&&item.text!=''&&lang=='ru'">
										<view>
											<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
										</view>
										<view>{{item.title_ru}}</view>
									</view>
								</view>
							</block>
							
							
							
						</block>
						<block v-else>
							<block v-if="(order.orderInfo.release_info.is_express_price==1&&order.role==1)
							||(order.orderInfo.release_info.is_express_price==2&&order.role==2)">
								<view class="fabu_view" style="height: 50rpx; margin-top: 15rpx; line-height: 50rpx;">{{$t('您还未创建关联订单，请先创建订单')}}</view>
								<view class="fabu_view" style="text-align: center; margin-top: 15rpx;  position: relative;">
									<view class="fabu_btn" @click="fabu()" >
									{{$t('发布竞标')}}
									</view>
									
									<view @click="xianxia()" style="float: right;text-align: right;margin-left: 20rpx;">
										{{$t('选择线下交易')}}
									</view>
									<view style="clear: both;"></view>
								</view>
							</block>
						</block>
						
						
						
						
						
						<block v-if="is_offline==0&&((order.orderInfo.release_info.is_express_price==1&&order.role==2)
						||(order.orderInfo.release_info.is_express_price==2&&order.role==1))">
							
							<block v-if="order.orderInfo.type=='goods'">
									
									<view style="width: 100%;height: 60rpx;position: relative;">
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 0;position: absolute;" v-if="child_step.step==''||child_step.step<25">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 25%;position: absolute;" v-else-if="child_step.step==25">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 50%;position: absolute;" v-else-if="child_step.step==50">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 75%;position: absolute;" v-else-if="child_step.step==75">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 95%;position: absolute;" v-else-if="child_step.step==100">
										</image>
									</view>
								
								
									<view style="display: flex;width: 100%;">
										
										<view class="circle">
											<view :class="(child_stepList&&child_stepList.length==0)&&child_step.step<25?'circle_dian1':'circle_dian'">
											</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=25"></view>
										<view class="line_process1" v-else-if="child_step.step!=25"></view>
										<view class="circle" v-if="child_step.step>=25">
											<view class="circle_dian"  v-if="child_step.step>=25">·</view>
											<view class="circle_dian1"  v-if="child_step.step<25">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<25">
											<view class="circle_dian"  v-if="child_step.step>=25">·</view>
											<view class="circle_dian1"  v-if="child_step.step<25">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=50"></view>
										<view class="line_process1" v-else-if="child_step.step!=50"></view>
										<view class="circle" v-if="child_step.step>=50">
											<view class="circle_dian"  v-if="child_step.step>=50">·</view>
											<view class="circle_dian1"  v-if="child_step.step<50">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<50">
											<view class="circle_dian"  v-if="child_step.step>=50">·</view>
											<view class="circle_dian1"  v-if="child_step.step<50">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=75"></view>
										<view class="line_process1" v-else-if="child_step.step!=75"></view>
										<view class="circle" v-if="child_step.step>=75">
											<view class="circle_dian"  v-if="child_step.step>=75">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<75">
											<view class="circle_dian"  v-if="child_step.step>=75">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step==100"></view>
										<view class="line_process1" v-else-if="child_step.step!=100"></view>
										<view class="circle" v-if="child_step.step==100">
											<view class="circle_dian"  v-if="child_step.step>=100">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step!=100">
											<view class="circle_dian"  v-if="child_step.step==100">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
										</view>
									</view>	
									
									<view v-for="(item,index) in child_stepList" :key="index">
										<view style="display: flex;width: 100%;margin-top: 30rpx;">
											<view style="width: 60%;display: flex;">
												<view class="circle_dian2" style="color: #999;line-height: 20px;" >·</view>
												<view class="cardTitle2" v-if="item.step=='0%'">{{text.Stock}}</view>
												<view class="cardTitle2" v-if="item.step!='0%'" @click="changeStock(item,index)">
													<text v-if="jindu=='declaration'">
														{{text.Stock1}} {{item.step}}% 
													</text>
													<text v-if="jindu=='clearance'">
														{{text.Stock2}} {{item.step}}% 
													</text>
													<text v-if="jindu=='transit'">
														{{text.Stock3}} {{item.step}}% 
													</text>
													<text class="jiantou2" v-if="item.status==1" >></text>
													<text class="jiantou2" v-if="item.status==2" >∨</text>
												</view>
											</view>
											<view style="width: 40%;font-size: 12px;line-height: 24px;">
												{{item.createtime}} 
											</view>
										</view>
										<view class="stock_text" v-if="item.status==2&&item.text!=''&&lang=='zh'">
											<view>
												<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
											</view>
											<view>{{item.title}}</view>
										</view>
										<view class="stock_text" v-else-if="item.status==2&&item.text!=''&&lang=='ru'">
											<view>
												<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
											</view>
											<view>{{item.title_ru}}</view>
										</view>
									</view>
								
								
							</block>
							<block v-else>
								<view style="width: 100%;height: 160rpx; text-align: center; position: relative;">
									<view style="width: 100%;height: 80rpx; line-height: 80rpx;">{{$t('暂未获取相关信息')}}</view>
								</view>
							</block>
						
						</block>
						
						<block v-if="is_offline==1&&((order.orderInfo.release_info.is_express_price==1&&order.role==2)
						||(order.orderInfo.release_info.is_express_price==2&&order.role==1))">
								
							<block v-if="order.orderInfo.release_info.is_express_price==1&&order.role==2">
								<view style="width: 100%; text-align: center;padding-top: 20px;padding-bottom: 20px;">
									{{$t('已选择线下进行，无法获取相关信息')}}
								</view>
							</block>
							
							<block v-if="order.orderInfo.release_info.is_express_price==2&&order.role==1">
								<view style="width: 100%;height: 60rpx;position: relative;">
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 0;position: absolute;" v-if="child_step.step==''||child_step.step<25">
									</image>
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 25%;position: absolute;" v-else-if="child_step.step==25">
									</image>
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 50%;position: absolute;" v-else-if="child_step.step==50">
									</image>
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 75%;position: absolute;" v-else-if="child_step.step==75">
									</image>
									<image :src="HTTP_IMG_UTL+'/haiguan.png'"
									style="width: 50rpx;height: 45rpx;top: 10rpx;left: 95%;position: absolute;" v-else-if="child_step.step==100">
									</image>
								</view>
								
								<view style="display: flex;width: 100%;">
									<view class="circle">
										<view :class="(child_stepList&&child_stepList.length==0)&&child_step.step<25?'circle_dian1':'circle_dian'">
										</view>
									</view>
									
									<view class="line_process" v-if="child_step.step>=25"></view>
									<view class="line_process1" v-else-if="child_step.step!=25"></view>
									<view class="circle" v-if="child_step.step>=25">
										<view class="circle_dian"  v-if="child_step.step>=25">·</view>
										<view class="circle_dian1"  v-if="child_step.step<25">·</view>
									</view>
									<view class="circle1" v-else-if="child_step.step<25">
										<view class="circle_dian"  v-if="child_step.step>=25">·</view>
										<view class="circle_dian1"  v-if="child_step.step<25">·</view>
									</view>
									
									<view class="line_process" v-if="child_step.step>=50"></view>
									<view class="line_process1" v-else-if="child_step.step!=50"></view>
									<view class="circle" v-if="child_step.step>=50">
										<view class="circle_dian"  v-if="child_step.step>=50">·</view>
										<view class="circle_dian1"  v-if="child_step.step<50">·</view>
									</view>
									<view class="circle1" v-else-if="child_step.step<50">
										<view class="circle_dian"  v-if="child_step.step>=50">·</view>
										<view class="circle_dian1"  v-if="child_step.step<50">·</view>
									</view>
									
									<view class="line_process" v-if="child_step.step>=75"></view>
									<view class="line_process1" v-else-if="child_step.step!=75"></view>
									<view class="circle" v-if="child_step.step>=75">
										<view class="circle_dian"  v-if="child_step.step>=75">·</view>
										<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
									</view>
									<view class="circle1" v-else-if="child_step.step<75">
										<view class="circle_dian"  v-if="child_step.step>=75">·</view>
										<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
									</view>
									
									<view class="line_process" v-if="child_step.step==100"></view>
									<view class="line_process1" v-else-if="child_step.step!=100"></view>
									<view class="circle" v-if="child_step.step==100">
										<view class="circle_dian"  v-if="child_step.step>=100">·</view>
										<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
									</view>
									<view class="circle1" v-else-if="child_step.step!=100">
										<view class="circle_dian"  v-if="child_step.step==100">·</view>
										<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
									</view>
								</view>	
								
								<view v-for="(item,index) in child_stepList" :key="index">
									<view style="display: flex;width: 100%;margin-top: 30rpx;">
										<view style="width: 60%;display: flex;">
											<view class="circle_dian2" style="color: #999;line-height: 20px;" >·</view>
											<view class="cardTitle2" v-if="item.step=='0%'">{{text.Stock}}</view>
											<view class="cardTitle2" v-if="item.step!='0%'" @click="changeStock(item,index)">
												<text v-if="jindu=='declaration'">
													{{text.Stock1}} {{item.step}}% 
												</text>
												<text v-if="jindu=='clearance'">
													{{text.Stock2}} {{item.step}}% 
												</text>
												<text v-if="jindu=='transit'">
													{{text.Stock3}} {{item.step}}% 
												</text>
												<text class="jiantou2" v-if="item.status==1" >></text>
												<text class="jiantou2" v-if="item.status==2" >∨</text>
											</view>
										</view>
										<view style="width: 40%;font-size: 12px;line-height: 24px;">
											{{item.createtime}} 
										</view>
									</view>
									<view class="stock_text" v-if="item.status==2&&item.text!=''&&lang=='zh'">
										<view>
											<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
										</view>
										<view>{{item.title}}</view>
									</view>
									<view class="stock_text" v-else-if="item.status==2&&item.text!=''&&lang=='ru'">
										<view>
											<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
										</view>
										<view>{{item.title_ru}}</view>
									</view>
								</view>
							</block>
						
						</block>
						
						
					</block>
					
					<block v-if="order.orderInfo.type=='crossborder'">
						
						<block v-if="flag!=true">
							
							
							
							
							<block v-if="is_offline==1&&((order.orderInfo.release_info.is_express_price==1&&order.role==1)
								||(order.orderInfo.release_info.is_express_price==2&&order.role==2))">
								
								<block v-if="order.orderInfo.release_info.is_express_price==1&&order.role==1">
									<view style="width: 100%; text-align: center;padding-top: 20px;padding-bottom: 20px;">
										{{$t('已选择线下进行，无法获取相关信息')}}
									</view>
								</block>
								<block v-if="order.orderInfo.release_info.is_express_price==2&&order.role==2">
									
									<view style="width: 100%;height: 60rpx;position: relative;">
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 0;position: absolute;" v-if="child_step.step==''||child_step.step<25">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 25%;position: absolute;" v-else-if="child_step.step==25">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 50%;position: absolute;" v-else-if="child_step.step==50">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 75%;position: absolute;" v-else-if="child_step.step==75">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 95%;position: absolute;" v-else-if="child_step.step==100">
										</image>
									</view>
									
									<view style="display: flex;width: 100%;">
										<view class="circle">
											<view :class="(child_stepList&&child_stepList.length==0)&&child_step.step<25?'circle_dian1':'circle_dian'">
											</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=25"></view>
										<view class="line_process1" v-else-if="child_step.step!=25"></view>
										<view class="circle" v-if="child_step.step>=25">
											<view class="circle_dian"  v-if="child_step.step>=25">·</view>
											<view class="circle_dian1"  v-if="child_step.step<25">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<25">
											<view class="circle_dian"  v-if="child_step.step>=25">·</view>
											<view class="circle_dian1"  v-if="child_step.step<25">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=50"></view>
										<view class="line_process1" v-else-if="child_step.step!=50"></view>
										<view class="circle" v-if="child_step.step>=50">
											<view class="circle_dian"  v-if="child_step.step>=50">·</view>
											<view class="circle_dian1"  v-if="child_step.step<50">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<50">
											<view class="circle_dian"  v-if="child_step.step>=50">·</view>
											<view class="circle_dian1"  v-if="child_step.step<50">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=75"></view>
										<view class="line_process1" v-else-if="child_step.step!=75"></view>
										<view class="circle" v-if="child_step.step>=75">
											<view class="circle_dian"  v-if="child_step.step>=75">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<75">
											<view class="circle_dian"  v-if="child_step.step>=75">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step==100"></view>
										<view class="line_process1" v-else-if="child_step.step!=100"></view>
										<view class="circle" v-if="child_step.step==100">
											<view class="circle_dian"  v-if="child_step.step>=100">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step!=100">
											<view class="circle_dian"  v-if="child_step.step==100">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
										</view>
									</view>	
									
									<view v-if="child_step.step!=100" >
										
										<view style="width: 100%;display: flex;">
											<view style="margin-top: 10%;width: 50%;text-align:left ;border-bottom: 1px #ccc solid;">{{$t("上传进度")}}</view>
											<view style="margin-top: 10%;width: 50%;text-align:right ;">
												<view v-if="child_stepList==null||(child_stepList&&child_stepList.length==0)"  style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #ccc;">
													<picker disabled="true" @change="bindPickerChange2" :value="index" :range="array1">
														<view class="uni-input">{{array1[index]}}%</view>
													</picker>
												</view>
												<view v-if="child_stepList&&(child_stepList&&child_stepList.length!=0)"  style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #ccc;">
													<picker disabled="true" @change="bindPickerChange" :value="index" :range="array">
														<view class="uni-input">{{array[index]}}%</view>
													</picker>
												</view>
											</view>
										</view>
										
										
										<view v-if="(child_stepList&&child_stepList.length==0)&&child_step.step==0">
											<view style="margin-top: 5%;text-align: left;">{{$t("接货证明")}}</view>
										</view>
										<view v-else-if="child_step.step>=75">
											<view style="margin-top: 5%;text-align: left;">{{$t("放行证明")}}</view>
										</view>
										<view v-else>
											<view style="margin-top: 5%;text-align: left;">{{$t("进度说明")}}</view>
											<view  style="margin-top: 20rpx;padding-bottom: 20rpx;">
												<u-form-item >
													<u-input v-model="title"  :custom-style="{height:'50rpx'}" height="50"  type="text"  :placeholder="$t('请输入进度说明')"/>
												</u-form-item>
											</view>
											<view style="margin-top: 5%;text-align: left;">{{$t("上传证明")}}</view>
										</view>
										
										<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
											:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
											
										<view class="stock_complete" @click="completed(1)">
											<text class="stock_btn">
												{{$t("上传进度")}}
											</text>
										</view>
									</view>
									
									<view v-for="(item,index) in child_stepList" :key="index">
										<view style="display: flex;width: 100%;margin-top: 30rpx;">
											<view style="width: 60%;display: flex;">
												<view class="circle_dian2" style="color: #999;line-height: 20px;" >·</view>
												<view class="cardTitle2" v-if="item.step=='0%'">{{text.Stock}}</view>
												<view class="cardTitle2" v-if="item.step!='0%'" @click="changeStock(item,index)">
													<text v-if="jindu=='declaration'">
														{{text.Stock1}} {{item.step}}% 
													</text>
													<text v-if="jindu=='clearance'">
														{{text.Stock2}} {{item.step}}% 
													</text>
													<text v-if="jindu=='transit'">
														{{text.Stock3}} {{item.step}}% 
													</text>
													<text class="jiantou2" v-if="item.status==1" >></text>
													<text class="jiantou2" v-if="item.status==2" >∨</text>
												</view>
											</view>
											<view style="width: 40%;font-size: 12px;line-height: 24px;">
												{{item.createtime}} 
											</view>
										</view>
										<view class="stock_text" v-if="item.status==2&&item.text!=''&&lang=='zh'">
											<view>
												<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
											</view>
											<view>{{item.title}}</view>
										</view>
										<view class="stock_text" v-else-if="item.status==2&&item.text!=''&&lang=='ru'">
											<view>
												<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
											</view>
											<view>{{item.title_ru}}</view>
										</view>
									</view>
								</block>
								
								
								
							</block>
							<block v-else>
								<block v-if="(order.orderInfo.release_info.is_express_price==1&&order.role==1)
								||(order.orderInfo.release_info.is_express_price==2&&order.role==2)">
									<view class="fabu_view" style="height: 50rpx; margin-top: 15rpx; line-height: 50rpx;">{{$t('您还未创建关联订单，请先创建订单')}}</view>
									<view class="fabu_view" style="text-align: center; margin-top: 15rpx;  position: relative;">
										<view class="fabu_btn" @click="fabu()" >
										{{$t('发布竞标')}}
										</view>
										
										<view @click="xianxia()" style="float: right;text-align: right;margin-left: 20rpx;">
											{{$t('选择线下交易')}}
										</view>
										<view style="clear: both;"></view>
									</view>
								</block>
							</block>
							
							
							
							
							
							<block v-if="is_offline==0&&((order.orderInfo.release_info.is_express_price==1&&order.role==2)
							||(order.orderInfo.release_info.is_express_price==2&&order.role==1))">
								
								<block v-if="order.orderInfo.type=='crossborder'">
										
										<view style="width: 100%;height: 60rpx;position: relative;">
											<image :src="HTTP_IMG_UTL+'/haiguan.png'"
											style="width: 50rpx;height: 45rpx;top: 10rpx;left: 0;position: absolute;" v-if="child_step.step==''||child_step.step<25">
											</image>
											<image :src="HTTP_IMG_UTL+'/haiguan.png'"
											style="width: 50rpx;height: 45rpx;top: 10rpx;left: 25%;position: absolute;" v-else-if="child_step.step==25">
											</image>
											<image :src="HTTP_IMG_UTL+'/haiguan.png'"
											style="width: 50rpx;height: 45rpx;top: 10rpx;left: 50%;position: absolute;" v-else-if="child_step.step==50">
											</image>
											<image :src="HTTP_IMG_UTL+'/haiguan.png'"
											style="width: 50rpx;height: 45rpx;top: 10rpx;left: 75%;position: absolute;" v-else-if="child_step.step==75">
											</image>
											<image :src="HTTP_IMG_UTL+'/haiguan.png'"
											style="width: 50rpx;height: 45rpx;top: 10rpx;left: 95%;position: absolute;" v-else-if="child_step.step==100">
											</image>
										</view>
									
									
										<view style="display: flex;width: 100%;">
											<view class="circle">
												<view :class="(child_stepList&&child_stepList.length==0)&&child_step.step<25?'circle_dian1':'circle_dian'">
												</view>
											</view>
											
											<view class="line_process" v-if="child_step.step>=25"></view>
											<view class="line_process1" v-else-if="child_step.step!=25"></view>
											<view class="circle" v-if="child_step.step>=25">
												<view class="circle_dian"  v-if="child_step.step>=25">·</view>
												<view class="circle_dian1"  v-if="child_step.step<25">·</view>
											</view>
											<view class="circle1" v-else-if="child_step.step<25">
												<view class="circle_dian"  v-if="child_step.step>=25">·</view>
												<view class="circle_dian1"  v-if="child_step.step<25">·</view>
											</view>
											
											<view class="line_process" v-if="child_step.step>=50"></view>
											<view class="line_process1" v-else-if="child_step.step!=50"></view>
											<view class="circle" v-if="child_step.step>=50">
												<view class="circle_dian"  v-if="child_step.step>=50">·</view>
												<view class="circle_dian1"  v-if="child_step.step<50">·</view>
											</view>
											<view class="circle1" v-else-if="child_step.step<50">
												<view class="circle_dian"  v-if="child_step.step>=50">·</view>
												<view class="circle_dian1"  v-if="child_step.step<50">·</view>
											</view>
											
											<view class="line_process" v-if="child_step.step>=75"></view>
											<view class="line_process1" v-else-if="child_step.step!=75"></view>
											<view class="circle" v-if="child_step.step>=75">
												<view class="circle_dian"  v-if="child_step.step>=75">·</view>
												<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
											</view>
											<view class="circle1" v-else-if="child_step.step<75">
												<view class="circle_dian"  v-if="child_step.step>=75">·</view>
												<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
											</view>
											
											<view class="line_process" v-if="child_step.step==100"></view>
											<view class="line_process1" v-else-if="child_step.step!=100"></view>
											<view class="circle" v-if="child_step.step==100">
												<view class="circle_dian"  v-if="child_step.step>=100">·</view>
												<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
											</view>
											<view class="circle1" v-else-if="child_step.step!=100">
												<view class="circle_dian"  v-if="child_step.step==100">·</view>
												<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
											</view>
										</view>	
									
										<view v-for="(item,index) in child_stepList" :key="index">
											<view style="display: flex;width: 100%;margin-top: 30rpx;">
												<view style="width: 60%;display: flex;">
													<view class="circle_dian2" style="color: #999;line-height: 20px;" >·</view>
													<view class="cardTitle2" v-if="item.step=='0%'">{{text.Stock}}</view>
													<view class="cardTitle2" v-if="item.step!='0%'" @click="changeStock(item,index)">
														<text v-if="jindu=='declaration'">
															{{text.Stock1}} {{item.step}}% 
														</text>
														<text v-if="jindu=='clearance'">
															{{text.Stock2}} {{item.step}}% 
														</text>
														<text v-if="jindu=='transit'">
															{{text.Stock3}} {{item.step}}% 
														</text>
														<text class="jiantou2" v-if="item.status==1" >></text>
														<text class="jiantou2" v-if="item.status==2" >∨</text>
													</view>
												</view>
												<view style="width: 40%;font-size: 12px;line-height: 24px;">
													{{item.createtime}} 
												</view>
											</view>
											<view class="stock_text" v-if="item.status==2&&item.text!=''&&lang=='zh'">
												<view>
													<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
												</view>
												<view>{{item.title}}</view>
											</view>
											<view class="stock_text" v-else-if="item.status==2&&item.text!=''&&lang=='ru'">
												<view>
													<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
												</view>
												<view>{{item.title_ru}}</view>
											</view>
										</view>
										
									
								</block>
								<block v-else>
									<view style="width: 100%;height: 160rpx; text-align: center; position: relative;">
										<view style="width: 100%;height: 80rpx; line-height: 80rpx;">{{$t('暂未获取相关信息')}}</view>
									</view>
								</block>
							
							</block>
							
							<block v-if="is_offline==1&&((order.orderInfo.release_info.is_express_price==1&&order.role==2)
							||(order.orderInfo.release_info.is_express_price==2&&order.role==1))">
									
								<block v-if="order.orderInfo.release_info.is_express_price==1&&order.role==2">
									<view style="width: 100%; text-align: center;padding-top: 20px;padding-bottom: 20px;">
										{{$t('已选择线下进行，无法获取相关信息')}}
									</view>
								</block>
								
								<block v-if="order.orderInfo.release_info.is_express_price==2&&order.role==1">
									<view style="width: 100%;height: 60rpx;position: relative;">
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 0;position: absolute;" v-if="child_step.step==''||child_step.step<25">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 25%;position: absolute;" v-else-if="child_step.step==25">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 50%;position: absolute;" v-else-if="child_step.step==50">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 75%;position: absolute;" v-else-if="child_step.step==75">
										</image>
										<image :src="HTTP_IMG_UTL+'/haiguan.png'"
										style="width: 50rpx;height: 45rpx;top: 10rpx;left: 95%;position: absolute;" v-else-if="child_step.step==100">
										</image>
									</view>
									
									<view style="display: flex;width: 100%;">
										<view class="circle">
											<view :class="(child_stepList&&child_stepList.length==0)&&child_step.step<25?'circle_dian1':'circle_dian'">
											</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=25"></view>
										<view class="line_process1" v-else-if="child_step.step!=25"></view>
										<view class="circle" v-if="child_step.step>=25">
											<view class="circle_dian"  v-if="child_step.step>=25">·</view>
											<view class="circle_dian1"  v-if="child_step.step<25">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<25">
											<view class="circle_dian"  v-if="child_step.step>=25">·</view>
											<view class="circle_dian1"  v-if="child_step.step<25">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=50"></view>
										<view class="line_process1" v-else-if="child_step.step!=50"></view>
										<view class="circle" v-if="child_step.step>=50">
											<view class="circle_dian"  v-if="child_step.step>=50">·</view>
											<view class="circle_dian1"  v-if="child_step.step<50">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<50">
											<view class="circle_dian"  v-if="child_step.step>=50">·</view>
											<view class="circle_dian1"  v-if="child_step.step<50">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step>=75"></view>
										<view class="line_process1" v-else-if="child_step.step!=75"></view>
										<view class="circle" v-if="child_step.step>=75">
											<view class="circle_dian"  v-if="child_step.step>=75">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step<75">
											<view class="circle_dian"  v-if="child_step.step>=75">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
										</view>
										
										<view class="line_process" v-if="child_step.step==100"></view>
										<view class="line_process1" v-else-if="child_step.step!=100"></view>
										<view class="circle" v-if="child_step.step==100">
											<view class="circle_dian"  v-if="child_step.step>=100">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
										</view>
										<view class="circle1" v-else-if="child_step.step!=100">
											<view class="circle_dian"  v-if="child_step.step==100">·</view>
											<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
										</view>
									</view>	
									
									<view v-for="(item,index) in child_stepList" :key="index">
										<view style="display: flex;width: 100%;margin-top: 30rpx;">
											<view style="width: 60%;display: flex;">
												<view class="circle_dian2" style="color: #999;line-height: 20px;" >·</view>
												<view class="cardTitle2" v-if="item.step=='0%'">{{text.Stock}}</view>
												<view class="cardTitle2" v-if="item.step!='0%'" @click="changeStock(item,index)">
													<text v-if="jindu=='declaration'">
														{{text.Stock1}} {{item.step}}% 
													</text>
													<text v-if="jindu=='clearance'">
														{{text.Stock2}} {{item.step}}% 
													</text>
													<text v-if="jindu=='transit'">
														{{text.Stock3}} {{item.step}}% 
													</text>
													<text class="jiantou2" v-if="item.status==1" >></text>
													<text class="jiantou2" v-if="item.status==2" >∨</text>
												</view>
											</view>
											<view style="width: 40%;font-size: 12px;line-height: 24px;">
												{{item.createtime}} 
											</view>
										</view>
										<view class="stock_text" v-if="item.status==2&&item.text!=''&&lang=='zh'">
											<view>
												<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
											</view>
											<view>{{item.title}}</view>
										</view>
										<view class="stock_text" v-else-if="item.status==2&&item.text!=''&&lang=='ru'">
											<view>
												<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
											</view>
											<view>{{item.title_ru}}</view>
										</view>
									</view>
								</block>
							
							</block>
							
							
							
							
							
							
							
							
							
							
							
							
							
						
						</block>
						
						<block v-else>
							
							<view style="width: 100%;height: 60rpx;position: relative;">
								<image :src="HTTP_IMG_UTL+'/haiguan.png'"
								style="width: 50rpx;height: 45rpx;top: 10rpx;left: 0;position: absolute;" v-if="child_step.step==''||child_step.step<25">
								</image>
								<image :src="HTTP_IMG_UTL+'/haiguan.png'"
								style="width: 50rpx;height: 45rpx;top: 10rpx;left: 25%;position: absolute;" v-else-if="child_step.step==25">
								</image>
								<image :src="HTTP_IMG_UTL+'/haiguan.png'"
								style="width: 50rpx;height: 45rpx;top: 10rpx;left: 50%;position: absolute;" v-else-if="child_step.step==50">
								</image>
								<image :src="HTTP_IMG_UTL+'/haiguan.png'"
								style="width: 50rpx;height: 45rpx;top: 10rpx;left: 75%;position: absolute;" v-else-if="child_step.step==75">
								</image>
								<image :src="HTTP_IMG_UTL+'/haiguan.png'"
								style="width: 50rpx;height: 45rpx;top: 10rpx;left: 95%;position: absolute;" v-else-if="child_step.step==100">
								</image>
							</view>
							
							<view style="display: flex;width: 100%;">
								<view class="circle">
									<view :class="(child_stepList&&child_stepList.length==0)&&child_step.step<25?'circle_dian1':'circle_dian'">
									</view>
								</view>
								
								<view class="line_process" v-if="child_step.step>=25"></view>
								<view class="line_process1" v-else-if="child_step.step!=25"></view>
								<view class="circle" v-if="child_step.step>=25">
									<view class="circle_dian"  v-if="child_step.step>=25">·</view>
									<view class="circle_dian1"  v-if="child_step.step<25">·</view>
								</view>
								<view class="circle1" v-else-if="child_step.step<25">
									<view class="circle_dian"  v-if="child_step.step>=25">·</view>
									<view class="circle_dian1"  v-if="child_step.step<25">·</view>
								</view>
								
								<view class="line_process" v-if="child_step.step>=50"></view>
								<view class="line_process1" v-else-if="child_step.step!=50"></view>
								<view class="circle" v-if="child_step.step>=50">
									<view class="circle_dian"  v-if="child_step.step>=50">·</view>
									<view class="circle_dian1"  v-if="child_step.step<50">·</view>
								</view>
								<view class="circle1" v-else-if="child_step.step<50">
									<view class="circle_dian"  v-if="child_step.step>=50">·</view>
									<view class="circle_dian1"  v-if="child_step.step<50">·</view>
								</view>
								
								<view class="line_process" v-if="child_step.step>=75"></view>
								<view class="line_process1" v-else-if="child_step.step!=75"></view>
								<view class="circle" v-if="child_step.step>=75">
									<view class="circle_dian"  v-if="child_step.step>=75">·</view>
									<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
								</view>
								<view class="circle1" v-else-if="child_step.step<75">
									<view class="circle_dian"  v-if="child_step.step>=75">·</view>
									<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
								</view>
								
								<view class="line_process" v-if="child_step.step==100"></view>
								<view class="line_process1" v-else-if="child_step.step!=100"></view>
								<view class="circle" v-if="child_step.step==100">
									<view class="circle_dian"  v-if="child_step.step>=100">·</view>
									<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
								</view>
								<view class="circle1" v-else-if="child_step.step!=100">
									<view class="circle_dian"  v-if="child_step.step==100">·</view>
									<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
								</view>
							</view>	

							<view v-if="child_step.step!=100&&order.role==2">
								<view style="width: 100%;display: flex;">
									<view style="margin-top: 10%;width: 50%;text-align:left ;border-bottom: 1px #ccc solid;">{{$t("上传进度")}}</view>
									<view style="margin-top: 10%;width: 50%;text-align: right;">
										<view v-if="child_stepList==null||(child_stepList&&child_stepList.length==0)"  style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #ccc;">
											<picker disabled="true" @change="bindPickerChange2" :value="index" :range="array1">
												<view class="uni-input">{{array1[index]}}%</view>
											</picker>
										</view>
										<view v-if="child_stepList&&(child_stepList&&child_stepList.length!=0)"  style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #ccc;">
											<picker disabled="true" @change="bindPickerChange" :value="index" :range="array">
												<view class="uni-input">{{array[index]}}%</view>
											</picker>
										</view>
									</view>
								</view>
								
								
								<view v-if="(child_stepList&&child_stepList.length==0)&&child_step.step==0">
									<view style="margin-top: 5%;text-align: left;">{{$t("接货证明")}}</view>
								</view>
								<view v-else-if="child_step.step>=75">
									<view style="margin-top: 5%;text-align: left;">{{$t("放行证明")}}</view>
								</view>
								<view v-else>
									<view style="margin-top: 5%;text-align: left;">{{$t("进度说明")}}</view>
									<view  style="margin-top: 20rpx;padding-bottom: 20rpx;">
										<u-form-item >
											<u-input v-model="title"  :custom-style="{height:'50rpx'}" height="50"  type="text"  :placeholder="$t('请输入进度说明')"/>
										</u-form-item>
									</view>
									<view style="margin-top: 5%;text-align: left;">{{$t("上传证明")}}</view>
								</view>
								
								<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
									:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
									
								<view class="stock_complete" @click="completed(1)">
									<text class="stock_btn">
										{{$t("上传进度")}}
									</text>
								</view>
							</view>

							<view v-for="(item,index) in child_stepList" :key="index">
								<view style="display: flex;width: 100%;margin-top: 30rpx;">
									<view style="width: 60%;display: flex;">
										<view class="circle_dian2" style="color: #999;line-height: 20px;" >·</view>
										<view class="cardTitle2" v-if="item.step=='0%'">{{text.Stock}}</view>
										<view class="cardTitle2" v-if="item.step!='0%'" @click="changeStock(item,index)">
											<text v-if="jindu=='declaration'">
												{{text.Stock1}} {{item.step}}% 
											</text>
											<text v-if="jindu=='clearance'">
												{{text.Stock2}} {{item.step}}% 
											</text>
											<text v-if="jindu=='transit'">
												{{text.Stock3}} {{item.step}}% 
											</text>
											<text class="jiantou2" v-if="item.status==1" >></text>
											<text class="jiantou2" v-if="item.status==2" >∨</text>
										</view>
									</view>
									<view style="width: 40%;font-size: 12px;line-height: 24px;">
										{{item.createtime}} 
									</view>
								</view>
								<view class="stock_text" v-if="item.status==2&&item.text!=''&&lang=='zh'">
									<view>
										<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
									</view>
									<view>{{item.title}}</view>
								</view>
								<view class="stock_text" v-else-if="item.status==2&&item.text!=''&&lang=='ru'">
									<view>
										<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
									</view>
									<view>{{item.title_ru}}</view>
								</view>
							</view>
							
						</block>
					
					</block>
					
					
				</block>
				
				<block v-else>
					
					<view v-if="loading&&child_order&&child_order.length!=0&&order.user_id==child_order.orderInfo.release_user_id" class="tabs scroll-item" @click="orderdetail(child_order)">
						<view style="width: 100%;display: flex;">
							<view class="son_order">
								<view class="son_order_title">{{$t('跨境货代')}}</view>
								<view class="son_order_no">
									<text style="font-weight: 500;">{{child_order.orderInfo.order_no}}</text> 
								</view>
								<view class="flex" style="margin-top: 10rpx;">
									<image :src="IMAGE_URL+'/uploads/20240520/2c02bac49e932daed2a8fec76ec17508.png'" class="son_img"></image>
									<view style="line-height: 26px;">
										<text v-if="jindu=='declaration'">
											{{text.baoguan}} 
										</text>
										<text v-if="jindu=='clearance'">
											{{text.qingguan}} 
										</text>
										<text v-if="jindu=='transit'">
											{{text.zhuanguan}} 
										</text> 
									</view>
								</view>
								<view >
									<view class="zzjb" v-if="child_order.orderInfo.join_order_id==0">
										{{$t("正在竞标")}}
									</view>
								</view>
							</view>
							<view style="margin-left: 5%;">
								<daojishi  :order="child_order" ></daojishi>
							</view>
							<view style="clear: both;"></view>
							
						</view>
						<view style="height:30rpx"></view>
					</view>
					
					<view style="width: 100%;height: 60rpx;position: relative;">
						<image :src="HTTP_IMG_UTL+'/haiguan.png'"
						style="width: 50rpx;height: 45rpx;top: 10rpx;left: 0;position: absolute;" v-if="child_step.step==''||child_step.step<25">
						</image>
						<image :src="HTTP_IMG_UTL+'/haiguan.png'"
						style="width: 50rpx;height: 45rpx;top: 10rpx;left: 25%;position: absolute;" v-else-if="child_step.step==25">
						</image>
						<image :src="HTTP_IMG_UTL+'/haiguan.png'"
						style="width: 50rpx;height: 45rpx;top: 10rpx;left: 50%;position: absolute;" v-else-if="child_step.step==50">
						</image>
						<image :src="HTTP_IMG_UTL+'/haiguan.png'"
						style="width: 50rpx;height: 45rpx;top: 10rpx;left: 75%;position: absolute;" v-else-if="child_step.step==75">
						</image>
						<image :src="HTTP_IMG_UTL+'/haiguan.png'"
						style="width: 50rpx;height: 45rpx;top: 10rpx;left: 95%;position: absolute;" v-else-if="child_step.step==100">
						</image>
					</view>
					
					
					
					<view style="display: flex;width: 100%;">
						<view class="circle">
							<view :class="(child_stepList&&child_stepList.length==0)&&child_step.step<25?'circle_dian1':'circle_dian'">
							</view>
						</view>
						
						<view class="line_process" v-if="child_step.step>=25"></view>
						<view class="line_process1" v-else-if="child_step.step!=25"></view>
						<view class="circle" v-if="child_step.step>=25">
							<view class="circle_dian"  v-if="child_step.step>=25">·</view>
							<view class="circle_dian1"  v-if="child_step.step<25">·</view>
						</view>
						<view class="circle1" v-else-if="child_step.step<25">
							<view class="circle_dian"  v-if="child_step.step>=25">·</view>
							<view class="circle_dian1"  v-if="child_step.step<25">·</view>
						</view>
						
						<view class="line_process" v-if="child_step.step>=50"></view>
						<view class="line_process1" v-else-if="child_step.step!=50"></view>
						<view class="circle" v-if="child_step.step>=50">
							<view class="circle_dian"  v-if="child_step.step>=50">·</view>
							<view class="circle_dian1"  v-if="child_step.step<50">·</view>
						</view>
						<view class="circle1" v-else-if="child_step.step<50">
							<view class="circle_dian"  v-if="child_step.step>=50">·</view>
							<view class="circle_dian1"  v-if="child_step.step<50">·</view>
						</view>
						
						<view class="line_process" v-if="child_step.step>=75"></view>
						<view class="line_process1" v-else-if="child_step.step!=75"></view>
						<view class="circle" v-if="child_step.step>=75">
							<view class="circle_dian"  v-if="child_step.step>=75">·</view>
							<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
						</view>
						<view class="circle1" v-else-if="child_step.step<75">
							<view class="circle_dian"  v-if="child_step.step>=75">·</view>
							<view class="circle_dian1"  v-else-if="child_step.step<75">·</view>
						</view>
						
						<view class="line_process" v-if="child_step.step==100"></view>
						<view class="line_process1" v-else-if="child_step.step!=100"></view>
						<view class="circle" v-if="child_step.step==100">
							<view class="circle_dian"  v-if="child_step.step>=100">·</view>
							<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
						</view>
						<view class="circle1" v-else-if="child_step.step!=100">
							<view class="circle_dian"  v-if="child_step.step==100">·</view>
							<view class="circle_dian1"  v-else-if="child_step.step!=100">·</view>
						</view>
					</view>	
						
					<block v-if="(order.orderInfo.type=='crossborder'&&order.orderInfo.release_info.is_express_price==1&&order.role==2)||
						(order.orderInfo.type=='goods'&&order.orderInfo.release_info.is_express_price==1&&order.role==2&&is_offline==1)">
						
						<view v-if="child_step.step!=100&&order.role==2">
							
							<view style="width: 100%;display: flex;">
								<view style="margin-top: 10%;width: 50%;text-align:left ;border-bottom: 1px #ccc solid;">{{$t("上传进度")}}</view>
								<view style="margin-top: 20rpx;width: 50%;padding-bottom: 20rpx; text-align: right; border-bottom: 1px solid #ccc;">
									<picker disabled="true" @change="bindPickerChange" :value="index" :range="array">
										<view class="uni-input">{{array[index]}}%</view>
									</picker>
								</view>
							</view>
							
							
							<view style="margin-top: 5%;text-align: left;">{{$t("进度说明")}}</view>
							<view  style="margin-top: 20rpx;padding-bottom: 20rpx;">
								<u-form-item >
									<u-input v-model="title"  :custom-style="{height:'50rpx'}" height="50"  type="text"  :placeholder="$t('请输入进度说明')"/>
								</u-form-item>
							</view>
							
							<view style="margin-top: 5%;text-align: left;">{{$t("上传证明")}}</view>
							<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
								:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
								
							<view class="stock_complete" @click="completed(0)">
								<text class="stock_btn">
									{{$t("上传进度")}}
								</text>
							</view>
						</view>
					</block>
						
					<view v-for="(item,index) in child_stepList" :key="index">
						<view style="display: flex;width: 100%;margin-top: 30rpx;">
							<view style="width: 60%;display: flex;">
								<view class="circle_dian2" style="color: #999;line-height: 20px;" >·</view>
								<view class="cardTitle2" v-if="item.step=='0%'">{{text.Stock}}</view>
								<view class="cardTitle2" v-if="item.step!='0%'" @click="changeStock(item,index)">
									<view style="line-height: 26px;">
										<text v-if="jindu=='declaration'">
											{{text.Stock1}} {{item.step}}% 
										</text>
										<text v-if="jindu=='clearance'">
											{{text.Stock2}} {{item.step}}% 
										</text>
										<text v-if="jindu=='transit'">
											{{text.Stock3}} {{item.step}}% 
										</text>
									
										<text class="jiantou2" v-if="item.status==1" >></text>
										<text class="jiantou2" v-if="item.status==2" >∨</text>
									</view>
								</view>
							</view>
							<view style="width: 40%;font-size: 12px;line-height: 24px;">
								{{item.createtime}} 
							</view>
						</view>
						<view class="stock_text" v-if="item.status==2&&item.text!=''&&lang=='zh'">
							<view>
								<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
							</view>
							<view>{{item.title}}</view>
						</view>
						<view class="stock_text" v-else-if="item.status==2&&item.text!=''&&lang=='ru'">
							<view>
								<image :src="item.images" class="nav_image" @click.stop="preview(item.images,child_stepList,index)"></image>
							</view>
							<view>{{item.title_ru}}</view>
						</view>
					</view>
					
				</block>
			</view>

		</view>

	</view>
</template>

<script>
	import {HTTP_REQUEST_URL,HTTP_IMG_UTL,IMAGE_URL} from "@/config/app";
	import daojishi from "./daojishi_transport.vue"
	
	export default {
		components: {
			daojishi
		},
		props: {
			order2: {
				type: [Array, Object, Number, String],
				default:{
					declaration_step:{},
					clearance_step:{},
					transit_step:{}
				}
			},
			jindu: {
				type: [Array, Object, Number, String],
				default:'',
			},
		},
		data() {
			return {
				//远程域名
				HTTP_IMG_UTL,
				HTTP_REQUEST_URL,
				IMAGE_URL,
				url: IMAGE_URL,
				
				//语言
				lang: this.$i18n.locale,
				
				//文字
				text:{
					baoguan:this.$t('报关'),
					qingguan:this.$t('清关'),
					zhuanguan:this.$t('转关'),
					
					Stock:this.$t('暂未开始'),
					Stock1:this.$t('报关进度完成'),
					Stock2:this.$t('清关进度完成'),
					Stock3:this.$t('转关进度完成'),
					
					stock_complete:this.$t('任务完成'),
				},
				
				array: ['25', '50', '75', '100'],
				array1: ['10','25', '50', '75', '100'],
				index: 0,
				
				title:'',
				images:[],
				
				releasePayImgAction: HTTP_REQUEST_URL + '/common/upload',
				releasePayImgDeletable: true,
				step:25,
				
				child_order:{},
				child_step:{
					step:0
				},
				child_stepList:[],

				order:{
					declaration_step:{},
					clearance_step:{},
					transit_step:{}
				},
				type:1,
				is_offline :0,
				
				flag:false,
				loading:false
			}
		},
		mounted() {
			var that = this
			
			this.order = this.order2
			
			if(this.order.declaration_step==null){
				this.order.declaration_step = { step :0} 
			}
			if(this.order.clearance_step==null){
				this.order.clearance_step = { step :0} 
			}
			if(this.order.transit_step==null){
				this.order.transit_step = { step :0} 
			}
			
			if(that.jindu=='declaration'){
				that.child_stepList = that.order.bg_stepList
			}
			if(that.jindu=='clearance'){
				that.child_stepList = that.order.qg_stepList
			}
			if(that.jindu=='transit'){
				that.child_stepList = that.order.zg_stepList
			}
			
			this.$u.api.order.crossborder_sonorder({
				join_order_id: that.order.orderInfo.join_order_id,
				lang:that.lang,
			}).then(res => {
				if(res){
					console.log(res)
					if(that.jindu=='declaration'){
						that.child_order = res.declaration_order
						that.child_step = that.order.declaration_step
						that.child_stepList = that.order.bg_stepList
						that.type=1
						that.is_offline = that.order.orderInfo.is_offline_bg
						
						var clearance = that.order.orderInfo.release_info.clearance
						if((clearance==1)||(clearance==3)){
							that.flag = true
						}
					}
					if(that.jindu=='clearance'){
						that.child_order = res.clearance_order
						that.child_step = that.order.clearance_step
						that.child_stepList = that.order.qg_stepList
						that.type=3
						that.is_offline = that.order.orderInfo.is_offline_qg
						
						var clearance = that.order.orderInfo.release_info.clearance
						if((clearance==2)||(clearance==3)){
							that.flag = true
						}
					}
					if(that.jindu=='transit'){
						that.child_order = res.transit_order
						that.child_step = that.order.transit_step
						that.child_stepList = that.order.zg_stepList
						that.type=2
						that.is_offline = that.order.orderInfo.is_offline_zg
						
						var is_transit = that.order.orderInfo.release_info.is_transit
						if(is_transit==2){
							that.flag = true
						}
					}
					
					if(that.child_step==null){
						that.child_step = { step :0} 
					}
					
					if(that.child_step.step==0){that.index = 0}
					if(that.child_step.step==25){that.index = 1}
					if(that.child_step.step==50){that.index = 2}
					if(that.child_step.step==75){that.index = 3}

				}
				this.loading = true
			})
			
			
		},
		methods:{
			// 预览图片
			preview(e,preImgs,index) {
				let images = []
				preImgs.forEach((item) => {
					images.push(item.images)
				})
				uni.previewImage({
					current: index,
					urls: images,
					loop: true,
					longPressActions: true
				})
			},
			// 上传图片
			releasePayImgSuccess(data, index, lists, name) {
				let formData = [];
				if (lists.length > 0) {
					for (let i = 0; i < lists.length; i++) {
						if (lists[i].response) {
							let temp = {
								url: lists[i].response.data.url
							}
							formData.push(temp)
						} else if (lists[i].url) {
							let temp = {
								url: lists[i].url
							}
							formData.push(temp)
						}
					}
				} else {
					formData = []
				}
				this.images = formData[0].url
			},
			
			//选择进度
			bindPickerChange: function(e) {
				if(e.detail.value==0){
					this.step = 25
				}else if(e.detail.value==1){
					this.step = 50
				}else if(e.detail.value==2){
					this.step = 75
				}else if(e.detail.value==3){
					this.step = 100
				}
			},
			
			bindPickerChange2: function(e) {
				if(e.detail.value==0){
					this.step = 10
				}else if(e.detail.value==1){
					this.step = 25
				}else if(e.detail.value==2){
					this.step = 50
				}else if(e.detail.value==3){
					this.step = 75
				}else if(e.detail.value==4){
					this.step = 100
				}
			},
			
			
			//进度查看详情
			changeStock(item,index){
				if(this.child_stepList[index].status==1){
					this.child_stepList[index].status=2
				}else{
					this.child_stepList[index].status=1
				}				
			},
			
			
			
			//提交进度
			completed(step_i){
				var that = this
				var message = that.$t('确认后将截至对方订单倒计时\n请仔细核实对方是否完成任务')
			
				
				if(that.images.length==0){
					uni.showModal({
						content: that.$t('请上传照片'),
						showCancel: false,
						confirmText: that.$t('是'),
					})
					return false;
				}
				
				if(that.jindu=='declaration'){
					var type = 3
				}
				if(that.jindu=='clearance'){
					var type = 4
				}
				if(that.jindu=='transit'){
					var type = 9
				}
				uni.showLoading({
					title: "Loading...",
					mask: true
				})
				that.$u.api.order.upStep({
					order_id: that.order.orderInfo.id,
					order_join_id: that.order.orderInfo.join_order_id,
					images: that.images,
					title:that.title,
					step:that.step,
					step_i:step_i,
					role: that.order.role,
					type:type,
					lang:that.lang,
				}).then(res => {
					uni.hideLoading();
					
					that.$u.toast(that.$t('操作成功'), 2000)
					that.$emit('on-oversize', 1);
					
				})
			},
			
			
			
			fabu(){
				var that = this
				uni.navigateTo({
					url:"/pages/release/crossborder/form?type=2&goods="+JSON.stringify(that.order.orderInfo.release_info)+"&main_order_id="+that.order.orderInfo.join_order_id+'&jindu='+that.jindu
				})
			},
			
			orderdetail(i){
				var that = this
				if(i.orderInfo.join_order_id){
					uni.redirectTo({
						url: '/pages/ordering/orderDetail?id='+i.orderInfo.id+'&join_order_id='+i.orderInfo.join_order_id+'&status='+i.orderInfo.status+'&isDetail=true'
					})
				}else{
					uni.redirectTo({
						url: '/pages/order/published/published?id='+i.orderInfo.id+'&isDetail=true'
					})
					
				}
				
			},
			
			xianxia(){
				
				var that = this
				
				if(that.order.role==1){
					var message = "选择线下进行后，系统将无法获取相关信息，是否确认线下进行？"
				}else{
					var message = "选择线下进行后，系统将无法获取相关信息，您需要自行上传进度，是否确认线下进行？"
				}
				

				uni.showModal({ //提醒用户更新
				  title: this.$t('系统提示'),
				  content: this.$t(message),
				  confirmText: this.$t('是'), // 修改确认按钮文字
				  cancelText: this.$t('否'),  
				  success: (res) => {
					  if (res.confirm) {
						that.$u.api.order.is_offline({
							order_id: that.order.orderInfo.id,
							type:that.type,
							lang:that.lang,
						}).then(res => {
							that.$u.toast(that.$t('操作成功'), 2000)
							that.$emit('on-oversize', 1);
							
						})
					  }
					},
				})
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/common/orderDetail.scss";
	.fabu{
		width: 100%; text-align: center; position: relative;
	}
	.fabu_view{
		width: 100%;height: 150rpx; 
	}
	.fabu_btn{
		width: 40%; height: 60rpx; line-height: 60rpx; margin-left: 30%;border-radius: 10rpx; background-color: #3e72ff;color: #ffffff;
	}
	.cardTitle2{
		text-align: left;
	}
	
</style>